<template>
  <div class="cart-list">
    <scroll class="content" ref="scroll">
    <cart-list-item v-for="(item,index) in cartList" :key='index' :cartList="item">
    </cart-list-item>
    </scroll>
  </div>
</template>

<script>
import Scroll from '../../../components/common/scroll/Scroll.vue'
import CartListItem from './CartListItem.vue'
import { mapGetters } from 'vuex'
export default {
  components: { Scroll, CartListItem },
name:'CartList',
computed:{
...mapGetters(['cartList'])
},
activated(){
  this.$refs.scroll.refresh()
}
}
</script>

<style scoped>
.cart-list{
    height: calc(100% - 44px - 49px - 40px);
}
.content{
  height: 100%;
  overflow: hidden;
}

/* .empty-cart {
    padding-top: 50px;
    text-align: center;
}
.empty-cart p:nth-child(3){
    margin: 20px auto;
    width: 80px;
    padding: 4px 12px;
    background: #f3f3f3;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0, .3);
} */
</style>